$pr: #26a2ff;
$em: #f06d27;
$ig: #95aeba;
$ex: #ec407a;
$su: #51ca70;

.shadow {
    display: none !important;
}

.justify {
    text-align: justify;
    &:after {
        content: '';
        display: inline-block;
        position: relative;
        width: 100%;
    }
}

.z1 {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.z2 {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.z3 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
}

.z4 {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.10), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 5px 5px -3px rgba(0, 0, 0, 0.14);
}

.z5 {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
}

.mt10 {
    margin-top: 10vw!important;
}


.b1 {
    background: #f44336;
}

.b2 {
    background: #e91e63;
    color: #e91e63;
}

.b3 {
    background: #9c27b0;
    color: #9c27b0;
}

.b4 {
    background: #673ab7;
    color: #673ab7;
}

.b5 {
    background: #3f51b5;
    color: #3f51b5;
}

.b6 {
    background: #2196f3;
    color: #2196f3;
}

.b7 {
    background: #03a9f4;
    color: #03a9f4;
}

.b8 {
    background: #00bcd4;
    color: #00bcd4;
}

.b9 {
    background: #009688;
    color: #009688;
}

.b10 {
    background: #4caf50;
    color: #4caf50;
}

.b11 {
    background: #8bc34a;
    color: #8bc34a;
}

.b12 {
    background: #cddc39;
    color: #cddc39;
}

.b13 {
    background: #ffeb3b;
    color: #ffeb3b;
}

.b14 {
    background: #ffc107;
    color: #ffc107;
}

.b15 {
    background: #ff9800;
    color: #ff9800;
}

.b16 {
    background: #ff5722;
    color: #ff5722;
}

.b17 {
    background: #795548;
    color: #795548;
}

.b18 {
    background: #9e9e9e;
    color: #9e9e9e;
}
.b19 {
    background: #9e9e9e;
    color: #9e9e9e;
}

.b20 {
    background: #607d8b;
    color: #607d8b;
}